<template>
  <div>
    <el-tree
      :data="menus"
      :props="defaultProps"
      node-key="catId"
      ref="menuTree"
      @node-click="nodeclick"
    >

    </el-tree>
  </div>
</template>

<script>
  //华为 HUAWEI P40 Pro 麒麟990 5G SoC芯片 5000万超感知徕卡四摄 50倍数字变焦 8GB+128GB亮黑色全网通5G手机
 // 5000万超感知徕卡四摄；50倍数字变焦；爆款至高立省800》
    export default {
        // name: "category.vue",
        data() {
            return {
                //  三级菜单数据
                menus: [],
                // 三级菜单的name和子菜单
                defaultProps: {
                    children: "childrenList",
                    label: "name"
                }
            };
        },
        methods:{
            // 获取三级菜单数据
            getMenus() {
                this.$http({
                    url: this.$http.adornUrl("/product/category/list/tree"),
                    method: "get"
                }).then(({data}) => {
                    console.log("成功获取到菜单数据...", data.data);
                    this.menus = data.data;
                });
            },
            nodeclick(data, node, component) {
                console.log("子组件category的节点被点击", data, node, component);
                //向父组件发送事件；
                this.$emit("tree-node-click", data, node, component);
            },
        },
        // 生命周期 - 创建完成（可以访问当前this实例）
        created() {
            this.getMenus();
        }

    }
</script>

<style scoped>

</style>
